import '@shoelace-style/shoelace/dist/components/input/input.js';
import '@shoelace-style/shoelace/dist/components/button/button.js';

import { css } from "./styles.js";
import { 
    render, 
    bindEvents 
} from './scripts.js';

class NavBar extends HTMLElement {
    constructor() {
        super();
        this.attachShadow({ mode: 'open' });

        // 渲染组件
        render(this.shadowRoot, css);
        bindEvents(this);
    }
}

//注册自定义标签
window.customElements.define('nav-bar', NavBar);
